<nav class="navbar navbar-default navbar-fixed-top active">
    <div class="container active">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand lh-img-box" href="__ROOT__/">
                <img src="__TMPL__/public/assets/images/comp/comp_logo.jpg"
                                             class="lh-img-nav"
                                             alt=""></a>
        </div>

        <div class="collapse navbar-collapse active" id="bs-example-navbar-collapse-1">
            <ul id="main-menu" class="nav navbar-nav">
                <li class="menu-item menu-item-level-1">
                    <a href="/thinkcmf/public/" target="">首頁</a>
                    
                </li>
                <li id="nav_about" class="dropdown dropdown-custom dropdown-custom-level-1 open">
                    <a href="/thinkcmf/public/portal/about.html" class="dropdown-toggle dropdown-toggle-1" data-toggle="dropdown">
                        關於我們<span class="caret"></span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-level-1 lh-nav-dropdown">
                        <ul class="lh-float-l">
                            <li class="menu-item menu-item-level-2">
                                <a href="/thinkcmf/public/portal/about.html#0" target="">UVTech</a>

                            </li>
                            <li class="menu-item menu-item-level-2">
                                <a href="/thinkcmf/public/portal/about.html#1" target="">生產</a>
                            </li>
                            <li class="menu-item menu-item-level-2">
                                <a href="/thinkcmf/public/portal/about.html#2" target="">研發</a>
                            </li>
                        </ul>
                        <div class="lh-hr-y lh-float-l">&nbsp;</div>
                        <div class="lh-float-l">
                            <img src="__TMPL__/public/assets/images/comp/nav/nav_about.jpg">
                        </div>
                    </div>

                </li>
                <li id="nav_product" class="dropdown dropdown-custom dropdown-custom-level-1">
                    <a href="/thinkcmf/public/portal/product.html" class="dropdown-toggle dropdown-toggle-1" data-toggle="dropdown">
                        產品<span class="caret"></span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-level-1 lh-nav-dropdown">
                        <ul class="lh-float-l">
                            <li class="menu-item menu-item-level-2">
                                <a href="/thinkcmf/public/portal/product.html?id=1" target="">油網煙罩</a>
                            </li>
                            <li class="menu-item menu-item-level-2">
                                <a href="/thinkcmf/public/portal/product.html?id=2" target="">運水煙罩</a>
                            </li>
                            <li class="menu-item menu-item-level-2">
                                <a href="/thinkcmf/public/portal/product.html?id=3" target="">紫外線煙罩</a>
                            </li>
                            <li class="menu-item menu-item-level-2">
                                <a href="/thinkcmf/public/portal/product.html?id=4" target="">變頻抽油煙罩</a>
                            </li>
                            <li class="menu-item menu-item-level-2">
                                <a href="/thinkcmf/public/portal/product.html?id=5" target="">天花煙罩</a>
                            </li>
                            <li class="menu-item menu-item-level-2">
                                <a href="/thinkcmf/public/portal/product.html?id=6" target="">自定义煙罩</a>
                            </li>
                            <li class="menu-item menu-item-level-2">
                                <a href="/thinkcmf/public/portal/product.html?id=7" target="">UNIHOOD</a>
                            </li>
                        </ul>
                        <div class="lh-hr-y lh-float-l">&nbsp;</div>
                        <div class="lh-float-l">
                            <img src="__TMPL__/public/assets/images/comp/nav/nav_product.jpg">
                        </div>
                    </div>

                </li>
                <li id="nav_case" class="dropdown dropdown-custom dropdown-custom-level-1">
                    <a href="#" class="dropdown-toggle dropdown-toggle-1" data-toggle="dropdown">
                        工程案例<span class="caret"></span>
                    </a>

                    <div class="dropdown-menu dropdown-menu-level-1 lh-nav-dropdown">
                        <ul class="lh-float-l">
                            <li class="menu-item menu-item-level-2">
                                <a href="/thinkcmf/public/portal/case.html#0" target="">合作品牌</a>
                            </li>
                        </ul>
                        <div class="lh-hr-y lh-float-l">&nbsp;</div>
                        <div class="lh-float-l">
                            <img src="__TMPL__/public/assets/images/comp/nav/nav_product.jpg">
                        </div>
                    </div>
                </li>
                <li id="nav_service" class="dropdown dropdown-custom dropdown-custom-level-1">
                    <a href="#" class="dropdown-toggle dropdown-toggle-1" data-toggle="dropdown">
                        服務與支持<span class="caret"></span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-level-1 lh-nav-dropdown">
                        <ul class="lh-float-l">
                        <li class="menu-item menu-item-level-2">
                            <a href="/thinkcmf/public/portal/service.html#0" target="">服务支持</a>
                        </li>
                        <li class="menu-item menu-item-level-2">
                            <a href="/thinkcmf/public/portal/service.html#1" target="">下载</a>
                        </li>
                        <li class="menu-item menu-item-level-2">
                            <a href="/thinkcmf/public/portal/service.html#2" target="">最新消息</a>
                        </li>
                    </ul>
                        <div class="lh-hr-y lh-float-l">&nbsp;</div>
                        <div class="lh-float-l">
                            <img src="__TMPL__/public/assets/images/comp/nav/nav_product.jpg">
                        </div>
                    </div>
                </li>
                <li id="nav_contact" class="dropdown dropdown-custom dropdown-custom-level-1">
                    <a href="#" class="dropdown-toggle dropdown-toggle-1" data-toggle="dropdown">
                        聯系方式<span class="caret"></span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-level-1 lh-nav-dropdown">
                        <ul class="lh-float-l">
                        <li class="menu-item menu-item-level-2">
                            <a href="/thinkcmf/public/portal/contact.html" target="">联系方式</a>
                        </li>
                    </ul>
                    <div class="lh-hr-y lh-float-l">&nbsp;</div>
                    <div class="lh-float-l">
                        <img src="__TMPL__/public/assets/images/comp/nav/nav_product.jpg">
                    </div>
        </div>
                </li>
            </ul>
            <!--docker support begin-->
            <!--<div id="nav_about_item" class="lh-dropdown-item lh-nav">-->
                <!--<ul>-->
                    <!--<li class="col-md-4"><a href="/thinkcmf/public/portal/about.html#0" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>UVTech</a></li>-->
                    <!--<li class="col-md-4"><a href="/thinkcmf/public/portal/about.html#1" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>生產</a></li>-->
                    <!--<li class="col-md-4"><a href="/thinkcmf/public/portal/about.html#2" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>研發</a></li>-->
                <!--</ul>-->
            <!--</div>-->
            <!--<div id="nav_product_item" class="lh-dropdown-item lh-nav">-->
                <!--<ul>-->
                    <!--<li class="col-md-4"><a href="/thinkcmf/public/portal/product.html#0" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>油網煙罩</a></li>-->
                    <!--<li class="col-md-4"><a href="/thinkcmf/public/portal/product.html#1" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>運水煙罩</a></li>-->
                    <!--<li class="col-md-4"><a href="/thinkcmf/public/portal/product.html#2" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>紫外線煙罩</a></li>-->
                <!--</ul>-->
                <!--<ul>-->
                    <!--<li class="col-md-4"><a href="/thinkcmf/public/portal/product.html#3" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>變頻抽油煙罩</a></li>-->
                    <!--<li class="col-md-4"><a href="/thinkcmf/public/portal/product.html#4" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>天花煙罩</a></li>-->
                    <!--<li class="col-md-4"><a href="/thinkcmf/public/portal/product.html#5" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>自定义煙罩</a></li>-->
                <!--</ul>-->
                <!--<ul>-->
                    <!--<li class="col-md-4"><a href="/thinkcmf/public/portal/product.html#6" target=""><span><img src="__TMPL__/public/assets/images/comp/products.png"></span>UNIHOOD</a></li>-->
                <!--</ul>-->
            <!--</div>-->
            <!--<div id="nav_case_item" class="lh-dropdown-item lh-nav">-->
                <!--<ul>-->
                    <!--<li class="col-md-3"><a href="/thinkcmf/public/portal/case.html#0" target=""><span><img src="__TMPL__/public/assets/images/comp/cases.png"></span>合作品牌</a></li>-->
                <!--</ul>-->
            <!--</div>-->
            <!--<div id="nav_service_item" class="lh-dropdown-item lh-nav">-->
                <!--<ul>-->
                    <!--<li class="col-md-3"><a href="/thinkcmf/public/portal/service.html#0" target=""><span><img src="__TMPL__/public/assets/images/comp/services.png"></span>服務支持</a></li>-->
                    <!--<li class="col-md-3"><a href="/thinkcmf/public/portal/service.html#1" target=""><span><img src="__TMPL__/public/assets/images/comp/services.png"></span>下載</a></li>-->
                    <!--<li class="col-md-3"><a href="/thinkcmf/public/portal/service.html#2" target=""><span><img src="__TMPL__/public/assets/images/comp/services.png"></span>最新消息</a></li>-->
                <!--</ul>-->
            <!--</div>-->
            <!--<div id="nav_contact_item" class="lh-dropdown-item lh-nav">-->
                <!--<ul>-->
                    <!--<li class="col-md-3"><a href="/thinkcmf/public/portal/contact.html" target=""><span><img src="__TMPL__/public/assets/images/comp/contact_us.png"></span>聯繫我們</a></li>-->
                <!--</ul>-->
            <!--</div>-->
            <!--docker support end-->
            <ul class="nav navbar-nav navbar-right" id="lh_nav_right">

                <li>售後熱線：400 829 6068</li>
                <li class="">
                    <div class="lh-float-l"><img src="__TMPL__/public/assets/images/comp/nav/language_cn.png"></div>
                    <div class="lh-float-l">
                        <a href="/thinkcmf/public">中文版</a>
                    </div>
                </li>
                <li class="">
                    <div class="lh-float-l"><img src="__TMPL__/public/assets/images/comp/nav/language_en.png"></div>
                    <div class="lh-float-l">
                        <a href="/thinkcmf/public/portal/homeen.html">English</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>
<script>
    $(function () {
        $("#main-menu li").hover(function (event) {
            var pthis = $(this);
            var id = pthis.attr("id")+'_item';
            $('.lh-nav-active').removeClass('lh-nav-active').addClass('lh-nav');
            $('#'+id).removeClass('lh-nav').addClass('lh-nav-active');
        });
        $(".lh-dropdown-item").hover(function (event) {
            console.log('');
        },function (event) {
            var pthis = $(this);
            var id = pthis.attr("id");
            $('#'+id).removeClass('lh-nav-active').addClass('lh-nav');
        });
    });
</script>